/*
#div1{
    width: 42.5px;
    height: 25px;
    border-radius: 12.5px;
    position: relative;
}

#div2{
    width: 24px;
    height: 24px;
    border-radius: 12px;
    position: absolute;
    background: white;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
}

.open1{
    background: rgba(0,184,0,0.8);
}

.open2{
    top: 2px;
    right: 1px;
}

.close1{
    background: rgba(255,255,255,0.4);
    border:3px solid rgba(0,0,0,0.15);
    border-left: transparent;
}

.close2{
    left: 0px;
    top: 0px;
    border:2px solid rgba(0,0,0,0.1);
}*/

#div1{
    width: 60px;
    height: 25px;
    /* border-radius: 12.5px; */
    position: relative;
}

#div2{
    width: 30px;
    height: 24px;
    /* border-radius: 12px; */
    position: absolute;
    background: rgba(51,204,102,1);
    /* box-shadow: 0px 2px 4px rgba(0,0,0,0.4); */
    z-index: 100;
}

.open1{
    /* background: rgba(0,184,0,0.8); */
    border: 1px solid rgba(51,204,102,1);
}

.open2{
    top: 0px;
    right: 0px;
}

.close1{
    background: rgba(255,255,255,0.4);
    border: 1px solid rgba(51,204,102,1);
    border-left: transparent;
}

.close2{
    left: 0px;
    top: 0px;
    /* border:2px solid rgba(0,0,0,0.1); */
}

.switchCancle{
    width: 30px;
    top: 2px;
    left: -1px;
    position: absolute;
}

.switchStart{
    width: 30px;
    top: 2px;right: -1px;
    position: absolute;
}
